<%@ page language="java" pageEncoding="UTF-8"
	contentType="text/html;charset=UTF-8"%>
<%@ taglib uri="/WEB-INF/tld/c.tld" prefix="c"%>
<%@ taglib uri="/WEB-INF/tld/spring.tld" prefix="spring"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="content-type"
	content="application/xhtml+xml; charset=utf-8" />
<meta name="author" content="Autoform Team" />
<meta name="generator" content="Eclipse" />
<style type="text/css">
<!--
.cadre {
	width: 90%;
	border-radius: 10px 10px;
	-moz-border-radius: 10px;
	padding: 10px;
	margin-bottom: 20px
}

.obligatoire {
	background-color: #FF6060;
}

.conseille {
	background-color: #FFA040;
}

.facultatif {
	background-color: #80FF80;
}

.autre {
	background-color: #FFFF99;
	align: center;
}

.cadre table {
	width: 100%;
}

.cadre td {
	width: 33%;
}
-->
</style>
<link rel="stylesheet" type="text/css" href="./css/bluehaze.css"
	title="Blue Haze stylesheet" />
<link rel="stylesheet" type="text/css" href="./css/color-scheme.css"
	title="Blue Haze stylesheet" />
<link rel="stylesheet" type="text/css" href="./css/lister.css"
	title="Lister" />

<title>[FR] S'inscrire</title>
</head>

<body>
<div id="top"></div>

<!-- ###### Header ###### -->

<div id="header"><!-- ##### nom du site ##### --> <%@ include
	file="./nomSite_fr.jsp"%> <!-- #### bar de menu  horizontale#### -->
<%@ include file="./menuHorizontalHaut_fr.jsp"%>

</div>

<!-- ###### menus à gauche ###### -->
<%@ include file="./menu_fr.jsp"%>

<!-- ###### Body Text ###### -->

<div id="bodyText">


<h1>Formulaire d'inscription</h1>
<p>L'inscription est obligatoire si vous souhaitez accéder aux
fonctionnalités du site. L'inscription vous offre notamment la
possibilité de créer des questionnaires et de les publier pour que
d'autres utilisateurs y répondent. Vous pourrez également répondre à des
questionnaires créés par d'autres utilisateurs.</p>

<p>Les données personnelles collectées ici sont confidentielles et
ne sortiront pas du cadre de ce site (pas de revente, pas de
publication, pas de démarchage,). Promis!<br />
<h2>Recommandations</h2>
<ul>
	<li>La partie 1 (en rouge) du formulaire d'inscription est
	constitué des informations <b>indispensables</b> (obligatoires) pour
	vous inscrire.</li>
	<li>La partie 2 (en orange) concerne les informations qui sont
	fortement <b>recommandées</b> de remplir.</li>
</ul>
<p>N'oubliez pas de laisser au moins une façon de vous contacter!
L'adresse email que vous laisserez sera utilisée pour vous prévenir
d'éventuels incidents techniques, rien d'autre.</p>

<form action="#" method="post">
<h2>Informations obligatoires</h2>
<div class="cadre obligatoire">
<table>
	<tr>
		<spring:bind path="formulaire.login">
			<td>Login</td>
			<td><input type="text" name="${status.expression}"
				value="${status.value}" /></td>
			<td>${status.errorMessage}</td>
		</spring:bind>
	</tr>
	<tr>
		<spring:bind path="formulaire.password">
			<td>Mot de passe</td>
			<td><input type="password" name="${status.expression}"
				value="${status.value}" /></td>
			<td>${status.errorMessage}</td>
		</spring:bind>
	</tr>
	<tr>
		<spring:bind path="formulaire.passwordConfirm">
			<td><a name="confirm"></a>Confirmation mot de passe</td>
			<td><input type="password" name="${status.expression}" value="" /></td>
			<td>${status.errorMessage}</td>
		</spring:bind>
	</tr>
</table>
</div>
<h2>Informations recommandées</h2>
<div class="cadre conseille">
<table>
	<tr>
		<spring:bind path="formulaire.adresseElectronique">
			<td>Adresse &eacute;lectronique<br />
			(fortement encouragé)</td>
			<td><input type="text" name="${status.expression}"
				value="${status.value}" /></td>
			<td>${status.errorMessage}</td>
		</spring:bind>
	</tr>
</table>
</div>
<h2>Êtes-vous un robot?</h2>
<div class="cadre autre">
<table>
	<tr>
		<spring:bind path="formulaire.captcha">
			<td>
			<p><a name="code"></a>Non? Parfait, vous devriez donc être en
			mesure de recopier le code figurant sur l'image ci-dessous.</p>
			<img src="Captcha.jpg" id="captchaImg"
				onclick="this.attr('src', '/Captcha.jpg?' + Math.floor(Math.random()*100) );" />
			</td>
			<td><input type="text" name="${status.expression}" value="" /></td>
			<td>${status.errorMessage} <br />
			<small>Can't read the image? Click it to get a new one.</small></td>
		</spring:bind>
	</tr>
</table>
</div>
<spring:bind path="formulaire">
	<ul>
		<c:forEach items="${status.errorMessages}" var="error">
			<li>Erreur: <c:out value="${error}" /><br />
			</li>
		</c:forEach>
	</ul>
</spring:bind>

<p>Avant de valider, n'oubliez pas de nous laisser un moyen de vous
contacter, <a href="#confirm">confirmez votre mot de passe</a> et <a
	href="#code">saisissez bien le code</a> de l'image.<br />
<input type="submit" value="Valider et m'inscrire" /></p>
</form>


</div>

<!-- ###### Footer ###### -->
<%@ include file="./menuHorizontalBas_fr.jsp"%>

</body>
</html>
